#black {
  width: 19vmin;
  height: 14vmin;
  background-color: black;
}

#blue {
  width: 19vmin;
  height: 14vmin;
  background-color: #2560a5;
}

#yellow {
  width: 19vmin;
  height: 14vmin;
  background-color: #cebd5d;
  
}

#white {
  width: 19vmin;
  height: 14vmin;
  background-color: whitesmoke;
}

#navy {
  width: 19vmin;
  height: 14vmin;
  background-color: #070b31;
}

#red {
  width: 19vmin;
  height: 14vmin;
  background-color: #841239;
}

#gray{
  width: 19vmin;
  height: 14vmin;
  background-color: #080405;
  
}

#sailor {
  width: 19vmin;
  height: 14vmin;
  background-color: #2d276d;
  
}

#aqua {
  width: 19vmin;
  height: 14vmin;
  background-color: #5988bf;
  
}

.block {
  display: flex;
  
  
}

h1 {
  font-family: 'Righteous', cursive;
  text-align: center
}

#titles {
  text-align: center;
  font-family: 'Righteous', cursive;
  font-size: 30px; 

}

a {
  text-decoration: none;
  color: #fd6100
}